<template>
  <div id="components-pagination-demo-mini">
    <CloudPagination
      size="small"
      :current="current"
      :page-size.sync="pageSize"
      @change="changePage"
      @showSizeChange="onShowSizeChange"
    />
    <CloudPagination
      size="small"
      :current="current1"
      :page-size.sync="pageSize1"
      @change="changePage"
      @showSizeChange="onShowSizeChange"
      disabled
    />
  </div>
</template>
<script>
export default {
  title: '6.迷你小号',
  data () {
    return {
      current: 1,
      pageSize: 20,
      current1: 1,
      pageSize1: 20
    }
  },
  methods: {
    changePage(pageNumber) {
      console.log('Page: ', pageNumber);
      this.current = pageNumber
    },
    onShowSizeChange(current, pageSize) {
      console.log(current, pageSize);
      this.pageSize = pageSize;
    },
  }
}
</script>
<style scoped>
#components-pagination-demo-mini .ant-pagination:not(:last-child) {
  margin-bottom: 24px;
}
</style>